<%--@elvariable id="base" type="java.lang.String"--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>基金交易</title>
    <jsp:include page="common/header.jsp"/>
    <link type="text/css" rel="stylesheet" href="${base}/css/style.css">
    <script type="text/javascript" src="${base}/js/echarts-plain.js"></script>
    <script type="text/javascript" src="${base}/js/fund.js"></script>
</head>
<body>
<!-- 导航条 -->
<jsp:include page="common/navbar.jsp"/>

<div class="container" role="main">
    <div class="panel panel-default pi_top_box">
        <div class="panel-body row">
            <div class="col-md-8 pi_left_msg">
                <div class="pi_h3 clear">
                    <h3 style="padding-top: 20px;">新桔一期</h3>
                    <span class="pi_status" id="pi_status">销售中</span>
                    <span class="pi_date fr f14">数据日期：2014-08-01</span>
                </div>
                <div class="pi_tl_middle clear">
                    <div class="hm_tl_left">
                        <h5>七日年化收益率</h5>
                        <p class="hm_yield">4.36<span>%</span></p>
                        <p class="hm_earnings">万份收益：<span>1.1838</span><em>元</em><a href="javascript:;" class="rate_tips" title="购买1万元该基金1天可以产生的收益，该数据每日变动。"></a></p>
                    </div>
                    <ul class="hm_tl_right list-unstyled">
                        <li>√活期存款利率的<span class="hm_emp">12</span>倍</li>
                        <li>√超高安全性</li>
                        <li>√T＋0 赎回</li>
                        <li>√免手续费</li>
                        <li>√100元起申购</li>
                    </ul>
                </div>
                <div class="pi_lt_bottom tb clear" id="pi_lt_bottom">
                    <ul class="hm_ltb_content clear list-unstyled">
                        <li>累计申购金额：<span class="hm_emp">1,756,683.20</span>元</li>
                        <li>加入总人数：<span class="hm_emp">106</span>人</li>
                        <li>累计赚取金额：<span class="hm_emp">676.39</span>元</li>
                        <li>累计购买次数：<span class="hm_emp">206</span>次</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4">
                <div class="pi_top_right" id="pi_count_box">
                    <ul class="pi_count2 hm clear list-unstyled">
                        <li>
                            <h5>
                                <em>申购费率</em>
                                <a href="javascript:void(0);" class="rate_tips" title="新桔（基金）0申购费，为您省钱到底！"></a>
                            </h5>
                            <p>0<span>%</span><em></em></p>
                        </li>
                        <li>
                            <h5>
                                <em>赎回费率</em>
                                <a href="javascript:void(0);" class="rate_tips" title="新桔（基金）0赎回费，为您省钱到底！"></a>
                            </h5>
                            <p>0<span>%</span><em></em></p>
                        </li>
                    </ul>
                    <p class="hm_tr_text font_org">闲钱随时投，天天利滚利。</p>
                    <p class="hm_tr_text padd">新桔邀请您“坐享其成”</p>
                    <a class="join_now_btn" href="fund_apply.html" target="_blank">立即申购</a>
                    <p class="textgrey textmid">货币基金不等同于银行存款，市场有风险，投资需谨慎</p>
                </div>
            </div>
        </div>
    </div>

    <div class="pi_infor_box" id="pi_infor_box">
        <!-- 判断开始 -->
        <!-- 判断是否登陆 -->
        <div class="">
            <p class="pi_title">产品描述</p>
            <ul class="pi_borrow_infor pi_infor_describe list-unstyled">
                <li class="odd">
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">产品特色</p>
                        <p class="pi_infor_cont">“新桔”是新桔针对年轻时尚客户推出的理财产品，挂钩货币型基金。100元超低门槛，T+0超快提现（快速赎回）。在实现较高收益的同时，让您的资金快进快出，安全无忧。</p>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">挂钩基金</p>
                        <p class="pi_infor_cont">南方现金增利基金A级（202301）</p>
                    </div>
                </li>
                <li class="odd">
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">销售机构</p>
                        <p class="pi_infor_cont">基金交易服务由杭州数米基金销售有限公司提供，数米基金是证监会核准的国内首批独立基金销售机构之一。</p>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">投资目标</p>
                        <p class="pi_infor_cont">本基金为具有高流动性、低风险和稳定收益的货币市场基金，在控制风险的前提下，力争为投资者提供稳定的收益。</p>
                    </div>
                </li>
                <li class="odd">
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">投资范围</p>
                        <p class="pi_infor_cont">本基金的投资标的物包括剩余期限在397天以内（含397天）的债券，期限在一年以内（含一年）的中央银行票据、债券回购、银行定期存款、大额存单、现金以及中国证监会、中国人民银行认可的其他具有良好流动性的货币市场工具。</p>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">申购时间</p>
                        <p class="pi_infor_cont">在交易日15:00前提出的申请，下一个交易日16:00后可在交易记录中查看确认结果；<br>在交易日15:00后提出的申请，确认结果向后顺延一个交易日。<br></p>
                    </div>
                </li>
                <li class="odd">
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">赎回时间</p>
                        <p class="pi_infor_cont">[ 普通赎回 ]T+1确认，T+2到账（交易日15：00之后提出的申请，向后顺延一个交易日）<br>[ 快速赎回 ]实时到账</p>
                    </div>
                </li>
            </ul>
            <div class="pi_title">
                <h4 class="fl">收益走势图</h4>
                <span class="pi_date fr f14">数据来源：南方基金&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据日期：2014-08-01</span>
            </div>
            <div class="hm_chart_box">
                <p class="hm_chart_tit">七日年化收益率</p>
                <div class="hm_chart" id="hm_chart" style="cursor: default;">
                    <div style="position: relative; overflow: hidden; width: 1030px; height: 350px;">
                        <div width="1030" height="350" data-id="bg" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></div>
                        <canvas width="1030" height="350" data-id="0" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="1" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="2" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="3" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="4" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="5" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="6" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="7" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="8" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <canvas width="1030" height="350" data-id="hover" id="_zrender_hover_" style="position: absolute; left: 0px; top: 0px; width: 1030px; height: 350px;"></canvas>
                        <div style="position: absolute; display: none; border: 0px solid rgb(51, 51, 51); white-space: nowrap; transition: left 0.4s, top 0.4s; -webkit-transition: left 0.4s, top 0.4s; background-color: rgba(0, 0, 0, 0.701961); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; color: rgb(255, 255, 255); text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px; font-style: normal; font-weight: normal; padding: 5px; left: 697px; top: 99px;">2014-07-30<br>七日年化 : 4.37</div>
                    </div>
                </div>
            </div>
            <div class="pi_title">
                <h4 class="fl">基金信息</h4>
                <span class="pi_date fr f14">数据来源：南方基金&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据日期：2014-05-16</span>
            </div>
            <ul class="pi_borrow_infor list-unstyled">
                <li>
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">基金名称</p>
                        <p class="pi_infor_cont">南方现金增利基金A级（202301）</p>
                    </div>
                    <div class="pi_right_infor">
                        <p class="pi_infor_tit">投资类型</p>
                        <p class="pi_infor_cont">货币基金</p>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor odd">
                        <p class="pi_infor_tit">基金公司</p>
                        <p class="pi_infor_cont">南方基金管理有限公司</p>
                    </div>
                    <div class="pi_right_infor odd">
                        <p class="pi_infor_tit">基金经理</p>
                        <p class="pi_infor_cont">夏晨曦、刘朝阳、韩亚庆</p>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor">
                        <p class="pi_infor_tit">基金规模</p>
                        <p class="pi_infor_cont">688.20亿</p>
                    </div>
                    <div class="pi_right_infor">
                        <p class="pi_infor_tit">管理费率</p>
                        <p class="pi_infor_cont">0.33%</p>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor odd">
                        <p class="pi_infor_tit">成立日期</p>
                        <p class="pi_infor_cont">2004-03-05</p>
                    </div>
                    <div class="pi_right_infor odd">
                        <p class="pi_infor_tit">托管费率</p>
                        <p class="pi_infor_cont">0.10%</p>
                    </div>
                </li>
            </ul>
            <p class="pi_title">法律文件</p>
            <ul class="pi_legal_document list-unstyled">
                <li>
                    <div class="pi_left_infor odd w100">
                        <a href="#" target="view_window">1.网站基金交易系统三方协议</a>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor w100">
                        <a href="#" target="view_window">2.南方现金增利A货币市场基金合同</a>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor odd w100">
                        <a href="#" target="view_window">3.南方现金增利A货币市场基金招募说明书</a>
                    </div>
                </li>
                <li>
                    <div class="pi_left_infor w100">
                        <a href="#" target="view_window">4.南方现金增利A货币市场基金托管协议</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 底部介绍 -->
<jsp:include page="common/help_nav.jsp"/>

<!-- 底部 -->
<jsp:include page="common/footer.jsp"/>
</body>
</html>
